<template>
	<div class="NoticeBox" v-show="show">
		<div class="Notice">
			<div class="title">关于系统升级的公告<i class="iconfont icon-close" @click='show = false'></i></div>
			<div class="content">
				<p>为了配合TXL和天元积分与2018年6月18日天仓系统上线对接，为了能够实现天仓平台全链支付，保障所有玩家权益，同时能够让TXL项目做强做大，稳定发展，经香港天机控股集团有限公司研究，决定如下：<br><br>

				1.	自2018年6月8日0:00-6月12日24:00进行系统升级，完善交易结算系统，升级期间暂停系统交易服务功能和注册功能；<br><br>
				2.	在此期间玩家收益正常结算；<br><br>
				由此给您带来不便之处深表歉意，感谢您对TXL项目长期以来的支持与理解！<br><br>
				</p>
				<p class="time">天机控股集团有限公司<br>2018年6月7日</p>
			</div>
		</div>
	</div>
</template>

<script>
import { mapState } from 'vuex'

export default {
	data(){
		return {
			show: true
		}
	},
	computed: {
		...mapState([
			'userInfo'
		])
	},
	created () {
		var username = this.userInfo.username
		var isShowNot = typeof localStorage.isShowNot == 'string' ? JSON.parse(localStorage.isShowNot) : false

		console.log(isShowNot)
		if(!isShowNot){//如果是第一次进来，
			this.show = true
			var notData = {
				look: true,
				username
			}
			localStorage.isShowNot = JSON.stringify(notData);
		}else{
			if(username != isShowNot.username || username == undefined){
				var notData = {
					look: true,
					username
				}
				localStorage.isShowNot = JSON.stringify(notData);
				this.show = true
			}else{
				this.show = false
			}
		}
	}
}
</script>


<style lang="scss" scoped>
@import '../../assets/css/all';
.NoticeBox{ @include screen;z-index: 11;background-color: rgba(0,0,0,.5);
	.Notice{width:90%;position: fixed;left:5%;top: 50%;background-color: white;transform: translateY(-50%);box-sizing: border-box;border-radius: 8px;max-height:80%;
		.title{height:45px;font-size:18px;text-align: center;line-height: 45px;width:100%;top:0;left:0;
			.iconfont{float:left;padding:0 15px;}
		}
		.content{box-sizing: border-box;padding: 0 15px;
			.time{text-align: center;float:right;padding-bottom: 15px;}
		}
	}
}
</style>

